<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我是标题</title>
		<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.10.0/build/cssgrids/cssgrids-min.css" />
		<script src="http://yui.yahooapis.com/3.10.0/build/yui/yui-min.js"></script>
		<style type="text/css">
		body {margin:auto;width:960px;}
		p    {margin:0px;border:1px solid #ccc;}
		</style>
	</head>
	<body>
		<div class="yui3-g">
			<div class="yui3-u-1-3"><p>1/3 of the width</p></div>
			<div class="yui3-u-1-2"><p>1/2 of the width</p></div>
			<div class="yui3-u-1-6"><p>1/6 of the width</p></div>
		</div>
	</body>
</html>